<script setup lang="ts">
import ContentCard from './DataMarketContentCard.vue';
import type { Dataset } from '@/api/data/types/dataInfoCard';

const props = defineProps<{ apps: Dataset[] }>();

// console.log('Received apps data:', props.apps);
</script>

<template>
  <div class="app-market">
    <a-row :gutter="[0, 24]">
      <a-col
        v-for="(app, index) in props.apps"
        :key="index"
        :xs="{ span: 24 }"
        :sm="{ span: 12 }"
        :lg="{ span: 8 }"
      >
        <ContentCard :app="app" />
      </a-col>
    </a-row>
  </div>
</template>

<style scoped>
.app-market {
  padding: 0.25rem;
}
</style>
